<template>
    <view class="privacy-container">
        <!-- 返回按钮（如需可添加，根据实际需求） -->
        <!-- <view class="back-btn" @click="goBack">
            <text class="iconfont icon-fanhui"></text>
            返回
        </view> -->

        <!-- 主内容区域 -->
        <view class="content">
            <!-- 标题 -->
            <view class="page-title">隐私政策</view>

            <!-- 章节内容 -->
            <view class="section">
                <view class="section-title">一、引言</view>
                <view class="section-content">
                    <text>欢迎使用「灰灰的图库小程序」（以下简称 “我们” 或 “小程序”）！我们深知隐私对您的重要性，因此制定本政策以说明我们如何收集、使用、存储和保护您的个人信息，并保障您对个人信息的权利。请在使用我们的服务前，仔细阅读并理解本政策内容。</text>
                </view>
            </view>

            <view class="section">
                <view class="section-title">二、我们收集的信息</view>
                <view class="section-content">
                    <text>我们仅在您主动使用相关功能或服务时，收集必要的个人信息，具体包括：</text>
                    
                    <view class="subsection">
                        <view class="subsection-title">（一）基础信息</view>
                        <view class="subsection-content">
                            <text>注册登录信息：当您使用微信授权登录时，我们会收集您的微信头像、昵称、openid（用于唯一标识用户）；若您选择手机号登录，我们会收集您的手机号及短信验证码。</text>
                            <text>账号信息：您主动填写的用户名、性别、生日等个人资料（非强制，可选择不提供）。</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    // 如需返回功能可添加方法
    // methods: {
    // 	goBack() {
    // 		uni.navigateBack();
    // 	}
    // }
}
</script>

<style scoped>
.privacy-container {
    min-height: 100vh;
    background-color: #f8f9fa;
    padding: 40rpx 30rpx;
}

.content {
    background-color: #ffffff;
    border-radius: 20rpx;
    padding: 60rpx 50rpx;
    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
}

.page-title {
    font-size: 44rpx;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 60rpx;
}

.section {
    margin-bottom: 80rpx;
}

.section-title {
    font-size: 36rpx;
    font-weight: 600;
    color: #333333;
    margin-bottom: 40rpx;
    line-height: 1.5;
}

.section-content {
    font-size: 30rpx;
    color: #666666;
    line-height: 1.8;
}

.subsection {
    padding-left: 40rpx;
    box-sizing: border-box;
    margin-top: 30rpx;
}

.subsection-title {
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
    margin-bottom: 20rpx;
}

.subsection-content {
    line-height: 1.8;
}

</style>